<!--
 * @Description:
 * @version: 信息
 * @Author: 潘骏杰
 * @Date: 2022-03-29 08:03:57
 * @LastEditors: 潘骏杰
 * @LastEditTime: 2022-03-29 09:36:26
-->
<template>
  <div class="re">
    <HeaderNav />
    <div class="text mrbody" style="font-size: 16px">
      <!-- <h2 class="text-center"></h2> -->
      <div style="min-height: 80vh">
        <header>
          <van-icon
            name="bars"
            size="0.75rem"
            class="icon-fleft"
            @click="show = true"
          />
          <van-search
            v-model="searchvalue"
            class="input-right"
            placeholder="搜索"
          />
        </header>
        <van-popup
          v-model="show"
          position="top"
          :style="{ height: '100%', width: '30%' }"
        >
          <LeftNav />
        </van-popup>
      </div>
    </div>
    <!-- <van-submit-bar button-text="发送" @submit="onSubmit" button-color="#4A90E2" /> -->
  </div>
</template>

<script>
import HeaderNav from '@/components/headerNav/index'
import LeftNav from '@/components/leftNav'
export default {
  name: 'Resident',
  // import引入的组件需要注入到对象中才能使用
  components: { HeaderNav, LeftNav },
  data() {
    // 这里存放数据
    return {
      loading: false,
      active: 0,
      showCardNumber: false,
      submiting: false,
      searchvalue: '',
      show: false
    }
  },
  methods: {
    onSubmit() {
      this.$toast.success('成功')
      this.$router.go(-3) // 返回家医
    }
  }
}
</script>
<style lang="less" scoped>
/deep/ .van-hairline--bottom::after {
  display: none !important;
}
.van-submit-bar__button {
  width: 100% !important;
}
.act {
  width: 60px;
}
.tab-ul {
  padding: 10px 0 0 0;
}
.li-right h3 span {
  float: right;
  margin-top: -5px;
}
.li-right p {
  width: 100%;
}
.li-right p,
.li-right h3 span {
  font-size: 14px;
}
.search-btn {
  padding-top: 12px;
}
</style>
